/************弹性布局*****************/
.flex{
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
}
.flex-wrap {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-box-lines: multiple; /*ie  09*/
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
  }
  
  .flex-nowrap {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
  }
  
  .flex-reverse {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	-o-flex-direction: column !important;
	flex-direction: column !important;
  }
  
  .flex-rg {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-box-pack: flex-end; /*09版*//* 12版 */
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-content: flex-end; /*多行*/
	-moz-align-content: flex-end; /*多行*/
	-ms-align-content: flex-end; /*多行*/
	-o-align-content: flex-end; /*多行*/
	align-content: flex-end; /*多行*/
	-webkit-align-items: flex-end; /*单行*/
	-moz-align-items: flex-end; /*单行*/
	-ms-align-items: flex-end; /*单行*/
	-o-align-items: flex-end; /*单行*/
	align-items: flex-end; /*单行*/
  }
  
  .flex-top {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	align-content: flex-start; /*多行*/
	align-items: flex-start; /*单行*/
  }
  
  .flex-btm {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-align-content: flex-end; /*多行*/
	-moz-align-content: flex-end; /*多行*/
	-ms-align-content: flex-end; /*多行*/
	-o-align-content: flex-end; /*多行*/
	align-content: flex-end; /*多行*/
	-webkit-align-items: flex-end; /*单行*/
	-moz-align-items: flex-end; /*单行*/
	-ms-align-items: flex-end; /*单行*/
	-o-align-items: flex-end; /*单行*/
	align-items: flex-end; /*单行*//*align-content: flex-end;/*多行*//*align-items: flex-end;/*单行*/
  }
  
  .flex-center {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center; /*09版*/
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-webkit-align-content: center; /*多行*/
	-moz-align-content: center; /*多行*/
	-ms-align-content: center; /*多行*/
	-o-align-content: center; /*多行*/
	align-content: center; /*多行*/
	-webkit-box-align: center; /*09版*/
	-webkit-align-items: center; /*单行*/
	-moz-align-items: center; /*单行*/
	-ms-align-items: center; /*单行*/
	-o-align-items: center; /*单行*/
	align-items: center; /*单行*/
  }
  
  .flex-center-x {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
  }
  
  .flex-center-y {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-align-content: center; /*多行*/
	-moz-align-content: center; /*多行*/
	-ms-align-content: center; /*多行*/
	-o-align-content: center; /*多行*/
	align-content: center; /*多行*/
	-webkit-box-align: center; /*ie 09*/
	-webkit-align-items: center; /*单行*/
	-moz-align-items: center; /*单行*/
	-ms-align-items: center; /*单行*/
	-o-align-items: center; /*单行*/
	align-items: center; /*单行*/
  }
  
  .flex-between {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-box-pack: space-between; /*09版*/
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: space-between; /*多行*/
	-moz-align-content: space-between; /*多行*/
	-ms-align-content: space-between; /*多行*/
	-o-align-content: space-between; /*多行*/
	align-content: space-between; /*多行*/
  }
  
  .flex-between-x {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-box-pack: space-between; /*09版*/
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
  }
  
  .flex-between-y {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-align-content: space-between; /*多行*/
	-moz-align-content: space-between; /*多行*/
	-ms-align-content: space-between; /*多行*/
	-o-align-content: space-between; /*多行*/
	align-content: space-between; /*多行*/
  }
  
  .flex-around {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-box-pack: space-around; /*09版*/
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-content: space-around; /*多行*/
	-moz-align-content: space-around; /*多行*/
	-ms-align-content: space-around; /*多行*/
	-o-align-content: space-around; /*多行*/
	align-content: space-around; /*多行*/
  }
  
  .flex-around-x {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-box-pack: space-around; /*09版*/
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
  }
  
  .flex-around-y {
	/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
	display: box; /* OLD - Android 4.4- */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	-webkit-box-orient: horizontal;
	-webkit-align-content: space-around; /*多行*/
	-moz-align-content: space-around; /*多行*/
	-ms-align-content: space-around; /*多行*/
	-o-align-content: space-around; /*多行*/
	align-content: space-around; /*多行*/
  }
  
  .grow {
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-grow: 1;
	-o-flex-grow: 1;
	flex-grow: 1;
  }
  
  .shrink {
	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-o-flex-shrink: 0;
	flex-shrink: 0;
  }
  


  @media only screen and (min-width:320px) {
	.flex-sx{
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	}
	.flex-sx-wrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-lines: multiple; /*ie  09*/
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	  }
	  
	  .flex-sx-nowrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
	  }
	  
	  .flex-sx-reverse {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal !important;
		-webkit-flex-direction: column !important;
		-moz-flex-direction: column !important;
		-ms-flex-direction: column !important;
		-o-flex-direction: column !important;
		flex-direction: column !important;
	  }
	  
	  .flex-sx-rg {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: flex-end; /*09版*//* 12版 */
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-o-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*/
	  }
	  
	  .flex-sx-top {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		align-content: flex-start; /*多行*/
		align-items: flex-start; /*单行*/
	  }
	  
	  .flex-sx-btm {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*//*align-content: flex-end;/*多行*//*align-items: flex-end;/*单行*/
	  }
	  
	  .flex-sx-center {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center; /*09版*/
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*09版*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-sx-center-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
	  }
	  
	  .flex-sx-center-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*ie 09*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-sx-between {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-sx-between-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
	  }
	  
	  .flex-sx-between-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-sx-around {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .flex-sx-around-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
	  }
	  
	  .flex-sx-around-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .grow-sx {
		-webkit-flex-grow: 1;
		-moz-flex-grow: 1;
		-ms-flex-grow: 1;
		-o-flex-grow: 1;
		flex-grow: 1;
	  }
	  
	  .shrink-sx {
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-shrink: 0;
		-o-flex-shrink: 0;
		flex-shrink: 0;
	  }
  }

  @media only screen and (min-width:768px) {
	.flex-sm{
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	}
	.flex-sm-wrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-lines: multiple; /*ie  09*/
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	  }
	  
	  .flex-sm-nowrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
	  }
	  
	  .flex-sm-reverse {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal !important;
		-webkit-flex-direction: column !important;
		-moz-flex-direction: column !important;
		-ms-flex-direction: column !important;
		-o-flex-direction: column !important;
		flex-direction: column !important;
	  }
	  
	  .flex-sm-rg {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: flex-end; /*09版*//* 12版 */
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-o-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*/
	  }
	  
	  .flex-sm-top {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		align-content: flex-start; /*多行*/
		align-items: flex-start; /*单行*/
	  }
	  
	  .flex-sm-btm {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*//*align-content: flex-end;/*多行*//*align-items: flex-end;/*单行*/
	  }
	  
	  .flex-sm-center {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center; /*09版*/
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*09版*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-sm-center-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
	  }
	  
	  .flex-sm-center-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*ie 09*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-sm-between {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-sm-between-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
	  }
	  
	  .flex-sm-between-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-sm-around {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .flex-sm-around-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
	  }
	  
	  .flex-sm-around-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .grow-sm {
		-webkit-flex-grow: 1;
		-moz-flex-grow: 1;
		-ms-flex-grow: 1;
		-o-flex-grow: 1;
		flex-grow: 1;
	  }
	  
	  .shrink-sm {
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-shrink: 0;
		-o-flex-shrink: 0;
		flex-shrink: 0;
	  }
  }
  @media only screen and (min-width:992px) {
	.flex-md{
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	}
	.flex-md-wrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-lines: multiple; /*ie  09*/
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	  }
	  
	  .flex-md-nowrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
	  }
	  
	  .flex-md-reverse {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal !important;
		-webkit-flex-direction: column !important;
		-moz-flex-direction: column !important;
		-ms-flex-direction: column !important;
		-o-flex-direction: column !important;
		flex-direction: column !important;
	  }
	  
	  .flex-md-rg {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: flex-end; /*09版*//* 12版 */
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-o-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*/
	  }
	  
	  .flex-md-top {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		align-content: flex-start; /*多行*/
		align-items: flex-start; /*单行*/
	  }
	  
	  .flex-md-btm {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*//*align-content: flex-end;/*多行*//*align-items: flex-end;/*单行*/
	  }
	  
	  .flex-md-center {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center; /*09版*/
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*09版*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-md-center-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
	  }
	  
	  .flex-md-center-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*ie 09*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-md-between {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-md-between-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
	  }
	  
	  .flex-md-between-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-md-around {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .flex-md-around-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
	  }
	  
	  .flex-md-around-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .grow-md {
		-webkit-flex-grow: 1;
		-moz-flex-grow: 1;
		-ms-flex-grow: 1;
		-o-flex-grow: 1;
		flex-grow: 1;
	  }
	  
	  .shrink-md {
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-shrink: 0;
		-o-flex-shrink: 0;
		flex-shrink: 0;
	  }
  }

  @media only screen and (min-width:1200px) {
	.flex-lg{
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	}
	.flex-lg-wrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-lines: multiple; /*ie  09*/
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	  }
	  
	  .flex-lg-nowrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
	  }
	  
	  .flex-lg-reverse {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal !important;
		-webkit-flex-direction: column !important;
		-moz-flex-direction: column !important;
		-ms-flex-direction: column !important;
		-o-flex-direction: column !important;
		flex-direction: column !important;
	  }
	  
	  .flex-lg-rg {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: flex-end; /*09版*//* 12版 */
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-o-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*/
	  }
	  
	  .flex-lg-top {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		align-content: flex-start; /*多行*/
		align-items: flex-start; /*单行*/
	  }
	  
	  .flex-lg-btm {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*//*align-content: flex-end;/*多行*//*align-items: flex-end;/*单行*/
	  }
	  
	  .flex-lg-center {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center; /*09版*/
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*09版*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-lg-center-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
	  }
	  
	  .flex-lg-center-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*ie 09*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-lg-between {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-lg-between-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
	  }
	  
	  .flex-lg-between-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-lg-around {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .flex-lg-around-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
	  }
	  
	  .flex-lg-around-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .grow-lg {
		-webkit-flex-grow: 1;
		-moz-flex-grow: 1;
		-ms-flex-grow: 1;
		-o-flex-grow: 1;
		flex-grow: 1;
	  }
	  
	  .shrink-lg {
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-shrink: 0;
		-o-flex-shrink: 0;
		flex-shrink: 0;
	  }
  }

  @media only screen and (min-width:1920px){
	.flex-xl{
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
	}
	.flex-xl-wrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-lines: multiple; /*ie  09*/
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	  }
	  
	  .flex-xl-nowrap {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
	  }
	  
	  .flex-xl-reverse {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal !important;
		-webkit-flex-direction: column !important;
		-moz-flex-direction: column !important;
		-ms-flex-direction: column !important;
		-o-flex-direction: column !important;
		flex-direction: column !important;
	  }
	  
	  .flex-xl-rg {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: flex-end; /*09版*//* 12版 */
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-o-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*/
	  }
	  
	  .flex-xl-top {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		align-content: flex-start; /*多行*/
		align-items: flex-start; /*单行*/
	  }
	  
	  .flex-xl-btm {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: flex-end; /*多行*/
		-moz-align-content: flex-end; /*多行*/
		-ms-align-content: flex-end; /*多行*/
		-o-align-content: flex-end; /*多行*/
		align-content: flex-end; /*多行*/
		-webkit-align-items: flex-end; /*单行*/
		-moz-align-items: flex-end; /*单行*/
		-ms-align-items: flex-end; /*单行*/
		-o-align-items: flex-end; /*单行*/
		align-items: flex-end; /*单行*//*align-content: flex-end;/*多行*//*align-items: flex-end;/*单行*/
	  }
	  
	  .flex-xl-center {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center; /*09版*/
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*09版*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-xl-center-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
	  }
	  
	  .flex-xl-center-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: center; /*多行*/
		-moz-align-content: center; /*多行*/
		-ms-align-content: center; /*多行*/
		-o-align-content: center; /*多行*/
		align-content: center; /*多行*/
		-webkit-box-align: center; /*ie 09*/
		-webkit-align-items: center; /*单行*/
		-moz-align-items: center; /*单行*/
		-ms-align-items: center; /*单行*/
		-o-align-items: center; /*单行*/
		align-items: center; /*单行*/
	  }
	  
	  .flex-xl-between {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-xl-between-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-between; /*09版*/
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
	  }
	  
	  .flex-xl-between-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-between; /*多行*/
		-moz-align-content: space-between; /*多行*/
		-ms-align-content: space-between; /*多行*/
		-o-align-content: space-between; /*多行*/
		align-content: space-between; /*多行*/
	  }
	  
	  .flex-xl-around {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .flex-xl-around-x {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-box-pack: space-around; /*09版*/
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
	  }
	  
	  .flex-xl-around-y {
		/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/
		display: box; /* OLD - Android 4.4- */
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ *//* 09版 */
		-webkit-box-orient: horizontal;
		-webkit-align-content: space-around; /*多行*/
		-moz-align-content: space-around; /*多行*/
		-ms-align-content: space-around; /*多行*/
		-o-align-content: space-around; /*多行*/
		align-content: space-around; /*多行*/
	  }
	  
	  .grow-xl {
		-webkit-flex-grow: 1;
		-moz-flex-grow: 1;
		-ms-flex-grow: 1;
		-o-flex-grow: 1;
		flex-grow: 1;
	  }
	  
	  .shrink-xl {
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-shrink: 0;
		-o-flex-shrink: 0;
		flex-shrink: 0;
	  }
  }
